<!DOCTYPE html>
<html lang="en">
<head>
  <title>TikTok Follower Comparison Report | GugeeData</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width">
  <meta name="baidu-site-verification" content="7Kv8mw99Qh" />
  <meta name="google-site-verification" content="YPMm_1_f59WXKSd04F1LGCjKeDGVrf_ajrylNKEDtqg" />
  <meta name="keywords" content="TikTok Followers Comparison, TikTok Follower Comparison, TikTok Follower Counter, TikTok Trends, TikTok Star, TikTok Analytics, ">
  <meta name="description" content="There is a sample TikTok followers comparison report on GugueeData, that helps you find creators of TikTok, hot videos, popular songs and trending hashtags.">
  <meta property="og:title" content="TikTok Followers Comparison Report | GugeeData">
  <meta property="og:description" content="TikTok Follower Comparison Report on GugeeData, a professional TikTok analytics tool, that helps you find creators of TikTok, hot videos, popular songs and trending hashtags.">
  <meta name="twitter:title" content="TikTok Follower Comparison Report | GugeeData">
  <meta name="twitter:description" content="TikTok Follower Comparison Reports on GugeeData, a professional TikTok analytics tool, that helps you find creators of TikTok, hot videos, popular songs and trending hashtags.">
  <link rel="icon" href="${request.contextPath}/static/img/favicon.ico" type="image/x-icon" />
  <link rel="shortcut icon" href="${request.contextPath} /static/img/favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="${request.contextPath}/static/css/reset.css">
  <link rel="stylesheet" href="${request.contextPath}/static/css/common.css">
  <link rel="stylesheet" href="${request.contextPath}/static/css/compare.css">
</head>
<body>
  <#include "../../header_new.ftl">
  <main>
    <section>
      <div class="wrapper wrap-compare">
        <h1>TikTok Follower Comparison</h1>
        <h3>It's a TikTok creator follower comparison sample report.</h3>
        <div class="btn-row">
          <button class="small" onclick="toCompare()">Compare TikTokers</button>
        </div>
        <div class="main-content">
          <table id="pdfCentent">
            <tr>
              <td class="colspan" colspan="6">Data Updated: <#assign dateTime=myController.dateTrans(comparison.createTime)>${dateTime} </td>
            </tr>
            <#list rows as item>
              <tr>
                <#if item.type != 0>
                  <td class="title">
                    ${item.label}
                  </td>
                  <#list comparison.comparisonHistoryDetails as col>
                    <td>
                      <#if item.type == 1>
                        ${col[item.key]!'-'}
                      <#elseif item.type == 2>
                        <#assign name=myController.getNumber(col[item.key])>${name}
                      <#else>
                        <#if item.key == 'engagementRate'>
                          <#if col[item.key]??>
                            ${col[item.key]}%
                            <#else>
                            -
                          </#if>
                        <#elseif item.key == 'tiktoker'>
                          <div class="tiktoker-info">
                            <div class="img-info">
                              <img src="${col.avatar}"/>
                              <#if col.enterpriseVerifyReason??>
                                <i class="iconfont iconzhichi"></i>
                              <#elseif col.customVerify??>
                                <i class="iconfont iconzhichi"></i>
                              <#else>
                              </#if>
                            </div>
                            <div class="nickname">${col.nickname}</div>
                            <div class="unid">${col.uniqueId}</div>
                          </div>
                        <#elseif item.key == 'bioUrl'>
                          <#if col[item.key]??>
                            <div class="web-link" onclick="toLink('${col[item.key]}')">
                              <i class="iconfont iconLink"></i>
                            </div>
                          <#else>
                            <div>-</div>
                          </#if>
                        <#elseif item.key == 'auth'>
                          <#if col.enterpriseVerifyReason??>
                            Personal Verification
                          <#elseif col.customVerify??>
                            Enterprise Verification
                          <#else>
                            -
                          </#if>
                        <#elseif item.key == 'sns'>
                          <div class="sns">
                            <img src='${contextPath}/static/img/tiktok.png' onclick="toTikTok('${col.uniqueId}')"/>
                            <#if col.insId??>
                              <img src='${contextPath}/static/img/instagram.png' onclick="toIns('${col.insId}')"/>
                            </#if>
                            <#if col.youtubeChannelId??>
                              <img src='${contextPath}/static/img/youtube.png' onclick="toYoutube('${col.youtubeChannelId}')"/>
                            </#if>
                          </div>
<#--                        <#elseif item.key == 'shopping'>-->
<#--                          ${col.withFusionShopEntry? string('Available','-')}-->
                        </#if>
                      </#if>
                    </td>
                  </#list>
                <#else>
                  <td class="colspan" colspan="6">${item.label}</td>
                </#if>
              </tr>
            </#list>
          </table>
        </div>
        <div class="btn-row">
          <button class="small" onclick="toCompare()">Compare TikTokers</button>
        </div>
      </div>
    </section>
  </main>
  <#include "../../footer.ftl">
  <script>
    function toCompare() {
      <#if login == false>
        toLogin()
      <#else>
        window.location.href='https://tk.gugeedata.com/#/compare/home'
      </#if>
    }
    function toLink(url) {
      window.open(url)
    }
    function toIns (id) {
      window.open(`https://www.instagram.com/` + id)
    }
    function toYoutube (id) {
      window.open(`https://www.youtube.com/channel/` + id)
    }
    function toTikTok (id) {
      window.open(`https://www.tiktok.com/@` + id)
    }
  </script>
</body>
</html>
